<?php
	$css_list[0]['url'] = './tpl/css/welcome.css';
        $css_list[0]['url'] = './tpl/css/zp.css';
	$js_list[0] = './tpl/js/welcome.js';
?>
<!--{template inc/header}-->
<div id="body" class="fm960">
    <div class="clear"></div>
   <!--{eval $col_index = 0;}-->
   <!--{loop $zp_list $zp_show}-->
        <div class="show_box">
            
            <div class="pic">
                <img src="{$zp_show['zp_pic']}"  />
            </div>
                   
            <div class="desc_box">
                <h1>{$zp_show['zp_name']}</h1>
                <p>
                    {lang zpku/zp_pingpai}：{$zp_show['zp_pingpai']}
                </p>
                <p>
                    {lang zpku/zp_gongxiao}：{$zp_show['zp_gongxiao']}
                </p>
                <p>
                    {lang zpku/zp_biaoqian}：{$zp_show['zp_biaoqian']}
                </p>
                <p>
                    {lang zpku/zp_guige}：{$zp_show['zp_guige']}
                </p>
                <p>
                    {lang zpku/zp_price}：{$zp_show['zp_price']}
                </p>
            </div>
                          
               
        </div>            
         
       <div class="blank12"></div>
       <div class="jieshao_box">                   
            <div class="tab_title"> 
                <ul> 
                <li id="one1" onclick="setTab('one',1,4)" class="hover">{lang zpku/zp_jianjie}</li> 
                <li id="one2" onclick="setTab('one',2,4)" >{lang zpku/zp_shiyong}</li> 
                <li id="one3" onclick="setTab('one',3,4)">{lang zpku/zp_chengfen}</li> 
                </ul> 
            </div> 
            <div class="tab_content"> 
                <div id="con_one_1" class="hover">{$zp_show['zp_jieshao']}</div> 
                <div id="con_one_2" style="display:none">{$zp_show['zp_use']}</div> 
                <div id="con_one_3" style="display:none">{$zp_show['zp_chengfen']}</div> 
            </div> 
       </div>
      
       <div class="blank12"></div>
        <form method="post">
       <div class="comments">
           <div class="cm_nav">
               <span class="only_left">{lang zpku/zp_pinglunshu}</span>
               <span class="only_right">
               {lang zpku/zp_paileione} | 
               {lang zpku/zp_paileitwo} | 
               {lang zpku/zp_paileithree}</span>
           </div>
          
           <div class="cm_list">
               <ul id="ZP_COMMENT_LIST_{$zp_show['zp_id']}" >
                        <!--{loop $comment_list $comment_col}-->
                        <li> 
                            <div class="votebtn">
                                <a href=""><img  src="{avatar $comment_col['userid'] s $comment_col['server_code'] 1}" height="24"></a>
                                <p style="color: #ccc;">150人</p><p style="color: #ccc;">赞同</p>
                            </div>
                            <div class="comment_info">
                                <div class="userinfo">
                                    <span class="name_style"> {$comment_col['username']}</span> 
<!--                                    肤质：
                                    From：-->
                                    来源：{$comment_col['cm_laiyuan']}
                                    <span class="only_right">推荐：{$comment_col['cm_rate_count']}分 </span>
                                </div>
                                <div class="com_box">{$comment_col['cm_content']}</div>
                                <div class="other_com">{$comment_col['cm_time']}</div>                             
                                
                            </div>                            
                            
                       </li>                     
                     <!--{/loop}-->   
                </ul>               
           </div>
           <div class="clear"></div>
           <div class="add_cm">             
               <p>
                   {lang zpku/zp_fbpl}
               </p>               
               
               <span class="only_left">{lang zpku/zp_pingfen}：</span>
                <div id="rateMe" title="">
                    <a onclick="rateIt(this)" id="_1" title="1 {lang zpku/zp_fen}" onmouseover="rating(this)" onmouseout="off(this)"></a>
                    <a onclick="rateIt(this)" id="_2" title="2 {lang zpku/zp_fen}" onmouseover="rating(this)" onmouseout="off(this)"></a>
                    <a onclick="rateIt(this)" id="_3" title="3 {lang zpku/zp_fen}" onmouseover="rating(this)" onmouseout="off(this)"></a>
                    <a onclick="rateIt(this)" id="_4" title="4 {lang zpku/zp_fen}" onmouseover="rating(this)" onmouseout="off(this)"></a>
                    <a onclick="rateIt(this)" id="_5" title="5 {lang zpku/zp_fen}" onmouseover="rating(this)" onmouseout="off(this)"></a>
                    
                </div>
                <div id="rateStatus">{lang zpku/zp_lingfen}</div>
                
                <div class="lailyuan">
                    来源：
                    
                  <label >  <input type="radio"  name="laiyuan" value="网上">网上</label> 
                   <label >   <input type="radio" name="laiyuan" value="专柜">专柜</label> 
                  <label >    <input type="radio" name="laiyuan" value="超市">超市</label> 
                    <label >  <input type="radio" name="laiyuan" value="其他">其他</label> 
                </div>
                
                <br class="clear"></br>
                <span class="only_left">{lang zpku/zp_nerong}：</span>          
                    <textarea id="comment_content" name="comment_content"></textarea>      
                    
                <div class="tijiao">
                    <input type="button"   value="{lang zpku/zp_tijiao}" onclick="$.Add_Zp_Comment(this,'#ZP_COMMENT_LIST_{$zp_show['zp_id']}')" />
                    <input type="reset"  value="{lang zpku/zp_quxiao}" />
                    <input type="hidden" value="$zp_show['zp_id']" name="zp_id" />
                    <input type="hidden" name="parent_id" value="0" />
                    <input type="hidden" id="pingfen" name="pingfen" value="" />
                </div>
           </div>
  
       </div>
      </form>
  <!--{/loop}-->     
</div>
<div class="clear"></div>


<script type="text/javascript">
/*第一种形式 第二种形式 更换显示样式*/ 
function setTab(name,cursel,n){ 
for(i=1;i<=n;i++){ 
var menu=document.getElementById(name+i); 
var con=document.getElementById("con_"+name+"_"+i); 
menu.className=i==cursel?"hover":""; 
con.style.display=i==cursel?"block":"none"; 
} 
} 


var sMax;    // 最大数量的星星即最大评分值
var holder; // 鼠标停留的评分控件
var preSet; // 保存了评分值（通过单击来进行评分）
var rated; //是否评分过，并保存了结果（注意此值一旦设为空，就不能再评分）

// 鼠标停留事件
function rating(num){
    sMax = 0;    // 默认值为0
    for(n=0; n<num.parentNode.childNodes.length; n++){
        if(num.parentNode.childNodes[n].nodeName == "A"){
            sMax++;    
        }
    }
    
    if(!rated){
        s = num.id.replace("_", ''); // 获取选中的星星的索引，这里使用_1,_2,_3,_4,_5来做为评分控件的ID，当然也有其他的方式。
        a = 0;
        for(i=1; i<=sMax; i++){        
            if(i<=s){
                document.getElementById("_"+i).className = "on";
                document.getElementById("rateStatus").innerHTML = num.title;    
                holder = a+1;
                a++;
            }else{
                document.getElementById("_"+i).className = "";
            }
        }
    }
}

// 离开事件
function off(me){
    if(!rated){
        if(!preSet){    
            for(i=1; i<=sMax; i++){        
                document.getElementById("_"+i).className = "";
                document.getElementById("rateStatus").innerHTML = me.parentNode.title;
            }
        }else{
            rating(preSet);
            //document.getElementById("rateStatus").innerHTML = document.getElementById("ratingSaved").innerHTML;
        }
    }
}

// 点击进行评分
function rateIt(me){
    if(!rated){
        document.getElementById("rateStatus").innerHTML = me.title;//document.getElementById("ratingSaved").innerHTML + " :: "+
        preSet = me;
        //rated=1;  //设为1以后，就变成了最终结果，不能再修改评分结果
        sendRate(me);
        rating(me);
    }
}

//使用Ajax或其他方式发送评分结果 
function sendRate(sel){
    var str=sel.title.substr(0,1);
    window.pingfen_value =str;
    
    document.getElementById("pingfen").value=pingfen_value;
   // alert("评分结果: "+pingfen_value);
}
</script>
<!--{template inc/footer}-->


